<template>
  <div class="bg-gray100">
    {{ postParams.imCfg }}
    {{ postParams.crmCfg }}
    <el-row>
      <el-col :span="24">
        <BtnGroup :options="冒泡" @change="test($event, '冒泡')"></BtnGroup>
        <BtnGroup :options="星标" @change="test($event, '星标')"></BtnGroup>
        <BtnGroup :options="回读" @change="test($event, '回读')"></BtnGroup>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="6">
        业务进度
        <SelectIm
          :spLabel="'无进度'"
          :parent="postParams.DICT_IM_TAG[0]"
          :children="postParams.DICT_IM_TAG[0].children"
        >
        </SelectIm>
      </el-col>
      <el-col :span="6">
        业务资金
        <SelectIm
          :spLabel="'无资金'"
          :parent="postParams.DICT_IM_TAG[1]"
          :children="postParams.DICT_IM_TAG[1].children"
        >
        </SelectIm>
      </el-col>
      <el-col :span="6">
        进线渠道
        <FromSources></FromSources>
      </el-col>
      <el-col :span="6"
        >成交周期
        <div>
          <!-- <el-date-picker
            style="width:190px"
            size="mini"
            v-model="value2"
            type="datetimerange"
            :picker-options="pickerOptions"
            range-separator="至"
            start-placeholder="开始"
            end-placeholder="结束"
            align="right">
          </el-date-picker> -->
        </div>
        <!--tradingMonthBegin/tradingMonthEnd-->
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="6"
        >客户类型
        <!-- <SelectCrm
          :options="this.postParams.DICT_CRM.KVcsTag">
        </SelectCrm> --> </el-col
      ><!-- csTag -->
      <el-col :span="6">销售类型</el-col>
      <el-col :span="6"
        >产品类型
        <!-- <el-select size="mini" v-model="value" placeholder="">
          <el-option v-for="v in postParams.DICT_CRM.KVproduct" :key="v" :label="v" :value="v"></el-option>
        </el-select> --> </el-col
      ><!-- product -->
      <el-col :span="6"
        >产品名称
        <!-- <el-select size="mini" v-model="value" placeholder="">
          <el-option v-for="v in postParams.crmProducts" :key="v" :label="v" :value="v"></el-option>
        </el-select> --> </el-col
      ><!-- crmProducts -->
    </el-row>
    <el-row>
      <el-col :span="6"
        >客户分组
        <!-- <el-select size="mini" v-model="value" placeholder="">
          <el-option v-for="v in ['普客新客户','普客老客户','大客营销新客户','大客营销老客户','大客客服客户组','复购组','退款组','过期组']"
            :key="v" :label="v" :value="v">
          </el-option>
        </el-select> -->
      </el-col>
      <el-col :span="6"
        >归属查询
        <!-- <el-select size="mini" v-model="value" placeholder="">
          <el-option v-for="v in postParams.DICT_CRM.KVcsBelong" :key="v" :label="v" :value="v"></el-option>
        </el-select> --> </el-col
      ><!-- csBelong -->
      <el-col :span="6"
        >风控标签
        <!-- <SelectCrmFENGKONG></SelectCrmFENGKONG> --> </el-col
      ><!-- ?? earlyWarningLevel -->
      <el-col :span="6"
        >客户年龄
        <!-- <SelectCrmAge></SelectCrmAge> --> </el-col
      ><!-- ageBegin/ageEnd -->
    </el-row>
    <el-row>
      <el-col :span="6"
        >性格
        <!-- <SelectCrm
          :options="postParams.DICT_CRM.KVcharacter">
        </SelectCrm> --> </el-col
      ><!-- character -->
      <el-col :span="6"
        >操作偏好
        <!-- <SelectCrm
          :options="postParams.DICT_CRM.KVoperationalPreference">
        </SelectCrm> --> </el-col
      ><!-- operationalPreference -->
      <el-col :span="6"
        >服务喜好
        <!-- <SelectCrm
          :options="postParams.DICT_CRM.KVservicePreferences">
        </SelectCrm> --> </el-col
      ><!-- servicePreferences -->
      <el-col :span="6">客户状态</el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <el-button type="" size="mini">
          <i class="fa fa-fw fa-search"></i>
          刷新列表</el-button
        >
        <!-- <ResetAll></ResetAll> -->
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { mapState, mapMutations } from "vuex";
import { option_datetimePicker } from "@/components/def-option.js";

export default {
  name: "condition",
  components: {
    BtnGroup: () => {
      return import("./btnGroup.vue");
    },
    SelectIm: () => {
      return import("./im反选下拉控件.vue");
    },
    SelectCrm: () => {
      return import("./crm二维下拉控件.vue");
    },

    SelectCrmFENGKONG: () => {
      return import("./crm风控下拉控件.vue");
    },
    SelectCrmAge: () => {
      return import("./crm年龄段下拉控件.vue");
    },
    FromSources: () => {
      return import("./二百多的进线资源渠道.vue");
    },
    // 'AreaApp':()=>{return import('./L_AreaApp/index.vue') },
    // 'AreaApp':()=>{return import('./L_AreaApp/index.vue') },
    ResetAll: () => {
      return import("./参数复位按钮.vue");
    },
  },
  computed: {
    ...mapState(["postParams"]),
  },
  data() {
    return {
      isDev: process.env.NODE_ENV == "development",
      value: "",
      冒泡: [
        { label: "未冒泡", value: 1 },
        { label: "冒泡", value: 2 },
        { label: "未浏览", value: 3 },
        { label: "浏览", value: 4 },
      ],
      星标: [
        { value: 1, iconClass: ["fa", "fa-star", "text-blue"] },
        { value: 2, iconClass: ["fa", "fa-star", "text-yellow"] },
        { value: 3, iconClass: ["fa", "fa-star", "text-red"] },
      ],
      回读: [
        { label: "未回", value: 1 },
        { label: "未读", value: 2 },
        { label: "已读", value: 3 },
      ],
    };
  },
  methods: {
    test: function (val, key) {
      console.log(val, key);
    },
  },
};
</script>

<style></style>
